<template>
  <!-- 企业文化 -->
  <div class="culture" style="margin-top: 20px;">
    <el-row >
      <el-col :span="4" :offset="1" style='height: 400px;'>
        <el-menu
          :router='isrouter'
          default-active="1"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b" style="height: 300px;font-weight: bolder;border-radius: 20px;padding:20px;">
          <el-menu-item index="/about">
            <i class="el-icon-document"></i>
            <span slot="title">公司简介</span>
          </el-menu-item>
          <el-menu-item index="/culture">
            <i class="el-icon-star-on"></i>
            <span slot="title">企业文化</span>
          </el-menu-item>
          <el-menu-item index="/connect">
            <i class="el-icon-location-outline"></i>
            <span slot="title">联系我们</span>
          </el-menu-item>
        </el-menu>
      </el-col>

      <!--具体内容-->
      <el-col :span="18" :offset="1">
        <!--面包屑导航-->
        <el-row>
          <el-col>
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
              <el-breadcrumb-item>关于力点</el-breadcrumb-item>
              <el-breadcrumb-item>企业文化</el-breadcrumb-item>
            </el-breadcrumb>
          </el-col>
        </el-row>

        <!--企业文化-->
        <!--具体内容-->
        <el-row style="margin-top: 50px;">
          <el-col :span="8" :offset="10">
            <h1>企业文化</h1>
          </el-col>
        </el-row>

        <el-row>
            <el-col>
              <el-card class="box-card">
                <div class="content">
                  <!--摘要-->
                  <p>一、摘要</p>
                  <el-alert
                    :closable="canClosable"
                    title="
                     力点户外的使命，我们致力于为江苏及江苏辐射地区的企事业单位、
                     社会团体及学校打造“凝聚力”式团队与高激情、高斗志、高意志力的优秀的团队成员。
                     作为一家专业拓展培训机构我们将努力完善自我，力求导入拓展新理念，
                     为客户提供唯美的基地环境，用一流的服务共同营造和谐的团队氛围..."
                    type="info">
                  </el-alert>

                  <img style="margin-bottom: 5px;margin-top: 5px;width: 95%;" src="static/cauture.jpg" alt="">
                  <br>
                  <br>

                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">我们的使命：</el-tag>
                  <el-alert
                    :closable="canClosable"
                    title="
                   我们致力为江苏的企事业单位提供最好的拓展培训，为培训提供最好的服务！"
                    type="info">
                  </el-alert>

                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">我们的愿景：</el-tag>
                  <el-alert
                    :closable="canClosable"
                    title="
                    激发员工士气，营造良好的企业氛围，
                    打造苏州专业、专一的拓展训练品牌
                    ，努力成为省内体验式陪训行业的领先者；"
                    type="info">
                  </el-alert>

                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">我们的理念：</el-tag>
                  <el-alert
                    :closable="canClosable"
                    title="
                   您的要求就是我们的标准、您的满意就是我们的追求；"
                    type="info">
                  </el-alert>

                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">我们的态度：</el-tag>
                  <el-alert
                    :closable="canClosable"
                    title="
                  专业 专注 专心 专一;"
                    type="info">
                  </el-alert>
                </div>
              </el-card>
            </el-col>
        </el-row>

      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: "culture",
    data() {
      return {
        msg: "Welcome to Your Vue.js App",
        isrouter:true,
        canClosable:false
      };
    },

    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },

      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .content p{
    font-size: 18px;
    font-weight: bolder;
    color:red;
  }
</style>
